import IDC_bg from '@/assets/server/IDC_bg.jpg'
import { defineComponent, Transition } from 'vue'
export default defineComponent({
  setup(props, { emit }) {
    return () => (
      <Transition
        enterFromClass='transform scale-0'
        enterActiveClass='transition-all ease-in-out duration-800'
        enterToClass='transform scale-100'
        leaveActiveClass='transition-all ease-in-out duration-800'
        appear
      >
        <div
          style={`background:url(${IDC_bg});background-size:100% 100%;`}
          class='relative w-full h-full'
        >
          <div
            class='w-15.6vw h-18.5vh rounded-lg text-center flex items-center justify-center text-3xl absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 cursor-pointer'
            style={`background-color:rgba(223,236,253,.4)`}
            onClick={() => {
              emit('currentStep', 2)
            }}
            data-cy='submit'
          >
            打开机柜
          </div>
        </div>
      </Transition>
    )
  },
})
